.page-base-detail{width:100%;height:100%}.page-base-detail .page-base-detail-header{height:300px;background:url(../img/tabs-bg.5554c75b.jpg)}.page-base-detail .page-base-detail-header h2{width:1400px;height:230px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;font-size:52px;font-family:Microsoft YaHei;font-weight:700;color:#fff}.page-base-detail .page-base-detail-main-wrap{background-color:#fff;min-height:600px}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main{width:1400px;margin:30px auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con{width:940px}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .recommendation-wrap{height:398px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;border:1px solid #e9e9e9;margin-bottom:50px}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .recommendation-wrap .recommendation-item-left{width:209px;height:100%;background:-webkit-gradient(linear,left bottom,left top,from(#316ccb),to(#438be3));background:-webkit-linear-gradient(bottom,#316ccb,#438be3);background:linear-gradient(0deg,#316ccb,#438be3);-webkit-box-shadow:0 3px 5px 0 rgba(37,99,175,.3);box-shadow:0 3px 5px 0 rgba(37,99,175,.3);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .recommendation-wrap .recommendation-item-left>span{color:#fff;font-size:16px;font-weight:700;text-align:center;border:1px solid #f8fdfb;border-radius:2px;margin:26px 0 16px;padding:6px 14px}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .recommendation-wrap .recommendation-item-left .el-image{height:252px;width:173px}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .recommendation-wrap .recommendation-item-right{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-top:13px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .recommendation-wrap .recommendation-item-right .recommendation-item-right-title{font-size:16px;font-weight:700;margin:0 11px;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .recommendation-wrap .recommendation-item-right .recommendation-item-right-imgs{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:13px 11px}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .recommendation-wrap .recommendation-item-right .recommendation-item-right-imgs .recommendation-item-right-img .el-image{border:1px solid #e9e9e9;width:158px;height:252px}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .recommendation-wrap .recommendation-item-right .recommendation-item-right-imgs .recommendation-item-right-img>p{font-size:12px;color:#666;text-align:center;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .recommendation-wrap .recommendation-item-right .recommendation-item-right-content{height:auto;padding:5px 15px 0;background:#f7f8f9;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .recommendation-wrap .recommendation-item-right .recommendation-item-right-content>p{color:#666;line-height:1.5;font-size:12px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .list-item{height:210px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e9e9e9;background:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .list-item .item-left{padding:20px 20px 0 20px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .list-item .item-left .item-title{color:#333;font-size:18px;font-weight:700}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .list-item .item-left .item-title:hover{text-decoration:underline;text-underline-offset:8px;color:#316ccb}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .list-item .item-left .item-time{margin-top:16px;font-size:14px;color:#666}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .list-item .item-left .item-content{margin-top:14px;font-size:14px;line-height:1.5;color:#666;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .list-item .item-right{width:156px;height:100%;border:1px solid #dcdfe6;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .list-item .item-right .el-image{width:100%;height:100%}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-base-detail-con .pagination-wrap{margin-top:20px;float:right}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-right{width:260px}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-right .download{padding:10px 20px;background:-webkit-linear-gradient(135deg,#316ccb,#438be3);background:linear-gradient(-45deg,#316ccb,#438be3);-webkit-box-shadow:0 3px 5px 0 rgba(37,99,175,.3);box-shadow:0 3px 5px 0 rgba(37,99,175,.3);border-radius:5px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-right .download .download-content{font-size:24px;font-weight:700;color:#fff;text-align:center}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-right .collapse-list{margin-top:20px}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-right .collapse-list .el-collapse-item__header>span{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-right .collapse-list .collapse-item-introduce{overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-right .collapse-list .list-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .page-right .collapse-list .list-item .item-left{height:92px;width:76px;margin-right:12px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .download-btn{text-decoration:none;height:30px;padding:0 12px;margin-top:15px;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f5f6f8));background:-webkit-linear-gradient(top,#fefefe,#f5f6f8);background:linear-gradient(180deg,#fefefe,#f5f6f8);border:1px solid #e4e8eb;border-radius:2px;text-align:center;color:#316ccb;cursor:pointer}.page-base-detail .page-base-detail-main-wrap .page-base-detail-main .download-btn i{margin:0 4px 0 0;color:#316ccb;font-size:18px}